<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>滴滴</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <video src="./didi-home-video0626.mp4" controls autoplay muted loop preload></video>
    <a href="#" id="a">
        <img src="https://website.didiglobal.com/dist/media/logo-zh.a7abd90d.svg" width="90px" height="45px">
    </a>
    <a href="#" id="b">
        <img src="https://website.didiglobal.com/dist/media/menu.3f7d9019.svg" width="26px" height="26px">
    </a>
     <div class="box">
        <div class="yuan">
            <span>
                MORE THAN AJOURNEY
            </span>
            <span>
                滴滴一下 美好出行
            </span>
            <div class="jin">
                <h1>?</h1>
            </div>
        </div>
        <pre>
            © 2012-2021 北京小桔科技有限公司京ICP备12043664号-18增值电信许可：京B2-20192416
            B1.B2-20160181 广播电视节目制作许可：(京）字第15738号京公网安备 11000002002025号
        </pre>
    </div>
    <!-- 第二部分 -->
    <div class="box-2">
        <div class="box-2-header">
            <div class="zixub">
                <h3>资讯</h3>
                <h3 style="color: gray;font-size: 16px;">News</h3>
            </div>
            <div class="homepage-title">
                <h3>
                    滴滴自动驾驶携手沃尔沃汽车打造自动驾驶测试车队
                </h3>
                <span>2021 / 11 / 06</span>
            </div>
            <div class="isPc">
                <div>
                    <p>></p>
                </div>
            </div>
            <div class="xp">
                进入详情
            </div>
        </div>
        <div class="yuann"></div>
        <a href="##" class="zix">
            资讯列表 >
        </a>
        <div class="con-right">
            <ul>
                <li>
                    <p>
                        滴滴自动驾驶携手沃尔沃汽车打造自动驾驶测试车队
                    </p>
                    <span>2021 / 11 / 06</span>
                    <a href="##">进入详情</a>
                </li>
                <li>
                    <p>
                        滴滴成立“多元与包容联盟”   打造平等尊重的企业文化
                    </p>
                    <span>2021 / 11 / 06</span>
                    <a href="##">进入详情</a>
                </li>
                <li>
                    <p>
                        滴滴发布首款定制网约车D1
                    </p>
                    <span>2021 / 11 / 06</span>
                    <a href="##">进入详情</a>
                </li>
            </ul>
        </div>
    </div> 
    <!-- 第三部分 -->
    <div class="box-3">
        <div class="zixub" style="margin-top: 95px;margin-left: 40px;">
            <h3>资料库</h3>
            <h3 style="color: gray;font-size: 16px;">RESOURCES</h3>
        </div>
        <a href="##" class="zix2">
            查看更多  &nbsp; >
        </a>
            <div class="box2-yuan">
                01
            </div>
            
        <div class="vc">
            <div class="smbox"></div>
            <p class="shijian">2018/10/20</p>
            <p class="TIAN">如何添加滴滴紧急联系人</p>
        </div>
        <div class="vc2">
            <div class="smbox huhu"></div>
            <p class="shijian">2018/10/20</p>
            <p class="TIAN">如何使用滴滴行程分享</p>
        </div>
        <!-- <div class="smbox huhu" style="margin-left: 30px;"></div> -->
        
    </div>
    <!-- 第四部分 -->
    <div class="box-4">
        <div class="zixub" style="width: 210px;margin-top: 95px;margin-left: 40px;">
            <h3 style="width: 210px;">多重业务 更多选择</h3>
            <h3 style="color: gray;font-size: 16px;width: 210px;">More Options</h3>
        </div>
        <div class="r-bu"></div>
        <div class="beij">
            <div class="che">
                <img src="./img/model-premier.d458bdf3.png">
            </div>
        </div>
        <div class="l-bu"></div>
        <div class="che-txt">
            <h3>滴滴专车</h3>
            <p class="ch-font3">
                以快速的响应、实惠的价格，
                <br>
                为大众提供更高效的服务。
            </p>
        </div>
    </div>
    <!-- 第五部分 -->
    <div class="box-5">
        <div class="zixub" style="width: 210px;margin-top: 95px;margin-left: 40px;">
            <h3 style="width: 210px;">滴滴科技</h3>
            <h3 style="color: gray;font-size: 16px;width: 210px;">DiDi Technology</h3>
        </div>
        <div class="b2-box">
            <div class="b2-img">
                <img src="./img/智能驾驶.jpg">
                <p class="shijian">2018/03/02</p>
            <p class="TIAN" style="font: size 17px;">自动驾驶将改变未来交通</p>
            </div>
        </div>
        <div class="b2-box" style="margin-left:30px">
            <div class="b2-img">
                <img src="./img/A174.jpg">
                <p class="shijian">2018/03/02</p>
            <p class="TIAN" style="font: size 17px;">智慧信号灯，缓解拥堵交通</p>
            </div>
        </div>
    </div>
    <!-- 第六部分 -->
    <div class="box-3">
        <div class="zixub" style="margin-top: 95px;margin-left: 40px;">
            <h3>社会价值</h3>
            <h3 style="color: gray;font-size: 16px;">SOCIAL VALUE</h3>
        </div>
        <a href="##" class="zix2">
            查看更多  &nbsp; >
        </a>
            <div class="box2-yuan">
                01
            </div>
            
        <div class="vc" style="">
            <div class="smbox" style="background: url(./img/_tmp\(1\).jpg);"></div>
        </div>
        <div class="vc2">
            <div class="smbox huhu" style="background: url(./img/图1\ \(1\).jpg);"></div>
        </div>
        <!-- <div class="smbox huhu" style="margin-left: 30px;"></div> -->
        
    </div>
</body>
</html>